@charset "utf-8";
@import url('../quote/color.less');
/*common*/


/*M实验*/

@media screen and (max-width: 1200px) {
  html{font-size:20px;}
}
@media screen and (max-width: 550px) {
  html{font-size:14px;}
}
@media screen and (max-width: 420px) {
  html{font-size:13.4px;}
}
@media screen and (max-width: 380px) {
  html{font-size:12px;}
}
@media screen and (max-width: 370px) {
  html{font-size:10px;}
}

/*=============全局样式===============*/

body{
  margin: 0;
  padding: 0;
  font-size:14px;
}
/*
@font-face {
  font-family: 'Mukta';
  font-style: normal;
  font-weight: 300;
  src: local('Mukta Regular'), local('Mukta-Regular'), url('/src/less/font/Mukta-Regular.ttf') format('woff2');
}
*/

// 标题样式
h1{font-size:2rem;}
h2{font-size: 1.8rem;}
h3{font-size: 1.6rem;}
h4{font-size: 1.4rem;}
h5{font-size: 1.3rem;}


//框架相关



/**
 ** 主题按钮颜色样式
 **/


/**
 ** 图片大小/头像主样式
 **/


/**
 ** icon
 **/


/**
 **动画send
 **/


/**
 ** 外部组件样式强制覆盖
 **/


/**
 ** form相关
 **/

//form (每一行form间隔)
.form-item {
  margin-bottom: 20px;
}
.form-item-2{
  margin-bottom: 10px;
}

//form-content
.form-content{
  position: relative;
}


//form (input宽度,用于PC)[可用于横向表单排列]
.form-group,.form-group-b,.form-group-c,.form-group-d,.form-group-w5,.form-group-w7{
  display: inline-block;
  vertical-align: middle;
}
.form-group{
  width: 160px;
}
.form-group-b{
  width: 200px;
}
.form-group-c{
  width: 300px;
}
.form-group-d{
  width: 400px;
}
.form-group-w5{
  width: 50%;
}
.form-group-w7{
  width: 70%;
}

//form(表单标题)
.form-title,.form-title-2{
  position: relative;
  display: inline-block;
  width:100%;
  font-weight: bold;
  //防止移动端缩小无位置
  //min-width: 150px;
  padding-right:6px;
  vertical-align: middle;
  i{margin-right:5px;color:@com-error;}
}
.form-title{
  min-height: 42px;
  line-height: 42px;
}
.form-title-2{
  min-height: 30px;
  line-height: 30px;
}


//form(input的基本样式)
.form-input{
  display:inline-block;
  width:100%;

  min-height:42px;
  padding:0 5px;
  border: 1px solid @cc;
  border-radius: 4px;

  /*line-height: 1.42857143;*/
  background-color: @cf;
  background-image: none;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;

  &:focus{
    border: 1px solid @com-main-a;
    box-shadow: 0 0 0 1.6px rgba(32,160,255,.09);
    //box-shadow: 0 0 0 2px rgba(24,144,255,.2);
  }

}


//form(select自定义)
.select-a{
  display: inline-block;
  width:100%;
  border:1px solid @cdb;
  padding-left: 10px;
  height: 42px;
  &:focus{
    border:1px solid @com-main-a;
  }
  transition: all .2s;
  border-radius: 5px;
}

//textarea
.form-textarea{
  display:table;
  width:100%;
  height:100px;
  padding:5px;
  min-height:60px;
  border: 1px solid @cc;
  border-radius: 4px;
  outline: none;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  &:focus{
    border: 1px solid @com-main-a;
    box-shadow: 0 0 1px 1px rgba(32,160,255,.075);
  }
}


//form(星号必填项)
.must{
  &:after{
    content: "*";
    color:@com-error;
    position: absolute;
    left: -10px;
    top: 0%;
  }
}
//form(校验警告样式)
label.error{
  display: block;
  //position: absolute;
  margin-top: 2px;
  font-size:12px;
  color:red;
}



/**
 ** 响应式
 **/

@media screen and (max-width:768px){

  .form-title{
    text-align: left;
  }

}
